  <p class="headerTop"></p>
    <header class="header">
        <a href="javascript:history.go(-1);"><i></i></a>
        <h1>分销</h1> </header>
    <article>
        <section class="distribution">
            <p class="distributor"><span>亲爱的分销商：<i>用户昵称用户昵称用户昵称用户昵称</i></span><span>让我们互利共赢，创生活</span></p>
            <div class="product clearfix">
                <div class="productImg"><img src="images/UI1_31.png" alt=""></div>
                <div class="productInfo">
                    <h2>这里显示分销商品这里显示分销商品这里显示分销商品这里显示分销商品</h2>
                    <p><span>销售价</span><i>￥1600.00</i></p>
                    <p><span>分销利润</span><i>￥1600.00~80000</i></p>
                </div>
            </div>
            <div class="productShare clearfix">
                <div class="productShareImg"><img src="images/UI1_31.png" alt=""></div>
                <div class="productShareInfo">
                    <h2>商品分销二维码</h2>
                    <p>长按二维码保存并分享给朋友</p>
                </div>
            </div>
            <p class="title">推广语</p>
            <div class="recommend">
                <textarea name="" placeholder="我是小小布丁长按二维码保存,并分享给朋友"></textarea>
            </div>
            <div class="shareStep">
                <h3>分享共赢步骤</h3>
                <p>1.分享链接或者二维码给你的好友</p>
                <p>2.当你的好友，进入你分享的页面进行消费时，或者进入您的分销 
                店铺中购买任何分销商品，你都可以获得分润</p>
                <p>3.你可以进入分销管理中，查看并提取自己的分润</p>
            </div>
            <div class="shareButton">
                <button class="copy">链接分享</button>
                <button class="obtain">获取店铺名片</button>
            </div>
        </section>
    </article>